<script setup lang="ts">
  import { ref,computed } from 'vue'
  let sum = ref(0);
  let bigSum = computed({
    get(){
      return sum.value*10;
    },
    set(n){
      sum.value = n;
    }
  })

</script>
<template>
    <div class="home">
        <h2>sum:{{sum}}</h2>
        <h2>bigSum:{{bigSum}}</h2>
        <button @click="sum++">sum+1</button>
    </div>
</template>
<style scoped>
  h2{
    color: cadetblue;
  }
</style>